<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>iTrip-登录页</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" href="css/login.css">
	<script src="js/src/flexible.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<section id="layout">
		<header class="top">
			<a href="index.html" class="back">返回</a>
			<h3>登录</h3>
			<a href="register.html" class="register">注册</a>
		</header>
		<section class="main">
			<form action="#" class="login-form">
				<div class="item">
					<label for="">登录名</label><input type="text" placeholder="手机号码/用户名/邮箱"><i class="clear fr"></i> 
				</div>
				<div class="item">
					<label for="">密码</label><input type="password" placeholder="登录密码"><span class="fr"><i class="clear"></i><i class="see"></i></span>
				</div>
				<button type="submit" id="login">登录</button>
				<div class="tag">
					<a href="">登录遇到问题?</a>
					<a href="">境外手机登录</a>
				</div>
			</form>
			<div class="login-mode">
				<a href=""><img src="images/icon/wechat.png" alt="">微信</a>
				<a href=""><img src="images/icon/QQ.png" alt="">QQ</a>
				<a href=""><img src="images/icon/alipay.png" alt="">支付宝</a>
				<a href=""><img src="images/icon/sina.png" alt="">新浪</a>
				<a href=""><img src="images/icon/baidu.png" alt="">百度</a>
				
			</div>
			
		</section>
		<footer class="footer"></footer>
	</section>
	<script src="js/src/zepto.min.js"></script>
	<script src="js/login.js"></script>
</body>
</html>
